<script setup>
import FirstTitle from "@comp/FirstTitle";
import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
import { onMounted } from "vue";
import { searchDataPzzh } from "@/api/search";
import { addOrUpdatePzzh } from "@/api/addOrUpdate";

const city = window.globalObj.name;
const editorRef = shallowRef();

const toolbarConfig = {};
const editorConfig = {
  placeholder: "请输入内容...",
};
const mode = ref("default");

// 加载html
const initHtml = () => {
  searchDataPzzh({ m: "行动要点-复杂情况设想和应对处置要点" }).then((res) => {
    const { data } = res;
    valueHtml.value = data.find((x) => x.k === "复杂情况设想和应对处置要点")?.v || "";
  });
};

const handleCreated = (editor) => {
  editorRef.value = editor; // 记录 editor 实例，重要！
};

const valueHtml = ref(
  "情况设想1：人防专业队伍扩编力量不足，一是整组工作落实不到位，人防专业队与预备役重复编组，出现“一人多职、分不开身”的现象；二是部分专业扩编时涉及的部分合同工出现离岗返乡现象；三是重要目标多，目标单位专业队伍扩编量大，县（区）所属专业队出现扩编规模不够的现象；四是部分专业技术型人员少，满足不了扩编需求。<br/>处置措施：一是加大动员力度，动员部分干部职工编入人防专业队伍，部分技术岗位放宽年龄限制；二是多渠道扩充力量，强化民兵队伍重要目标防护使命任务，将政府平时用于紧急抢险的专业力量和志愿者队伍纳入人防专业队伍；三是实施跨区域支援保障，根据人防专业队缺口情况，协调友邻单位成建制转隶专业队。<br/>情况设想2：人防工程难以如期完成平战转换，一是战争形势发生重大变化，敌军加快对我地区空袭进程，上级要求缩短平战转换时限；二是部分人防工程平时没有落实相关规定和战备要求，防护设备预置不到位，导致平战转换工作量大；三是防护防化设备定点企业平时储备量小，平战转换紧急生产来不及；四是专业转换力量不足，人防平战转换专业队伍不稳定，防护防化设备定点企业忙于紧急生产，可抽调的专业力量不多。<br/>处置措施：一是突出重点区域和部位转换，突出核心防护区和重要目标毗邻区人防工程转换，突出人员掩蔽工程转换，突出人员防护急需的设施设备转换；二是动员社会力量转换，紧急将政府建设部门所属专业力量、社会上具有相关能力的生产安装单位、物业公司、志愿者队伍等纳入人防工程转换任务体系，参与转换工作；三是组织跨区支援转换，协调使用友邻单位或申请其他城市专业力量跨区支援。<br/>情况设想3：敌夜间空袭、我电力中断时人员掩蔽出现混乱局面，一是敌利用凌晨或拂晓时发起空袭，城镇居民处于睡眠状态，易出现心理紧张、行动紧张；二是敌首先采用网电攻击新手段，对电力指挥调度中心、电力网络节点、发电设备核心部件实施“软攻击”，城市用电局部中断，部分防空警报发不出，部分高层住宅发生人员踩踏事故。<br/>处置措施：一是坚持昼夜值班，街道、社区工作人员和志愿队伍，实行全时值班制度，各负其责、靠前部署，加强疏散引导，及时报告情况，周密组织夜间疏散行动；二是及时补盲报知，运用国家突发事件预警发布平台、人防机动警报平台、便携式手摇警报器实施补充发布，增强警报器二次报警能力；三是快速恢复电力，启用电网应急方案，组织抢通行动，尽快恢复电力供应。<br/>情况设想4：次生灾害源附近人防工程设施发生严重故障，一是通风系统出现故障，造成人防工程内的氧气含量下降，导致人员窒息；二是防化设施出现故障，造成有毒有害气体进入，导致人员中毒；三是供电发电设备出现故障，造成整个工程设备停止运转；四是传感设备出现故障，导致可视化指挥中断。<br/>处置措施：一是快速抢修，迅速组织人防工程维修管理人员抢修故障，更换设施设备，快速恢复系统功能；二是迅速补救，针对不同情况，采取打开防护门和连接通风通道、穿戴防护面具、管控内部秩序、组织医疗救护，确保人员生命不受伤害；三是及时转移，短时间内故障不能排除时，迅速组织人员向周边地区紧急疏散，避免发生次生灾害。<br/>情况设想5：石油、石化炼化三大企业发生火灾、爆炸等严重次生灾害，人员疏散力量不足，人员掩蔽场所分配不足，交通运力不足等，导致“三坚持”人员和附近百姓生命财产安全受到威胁。<br/>处置措施：一是快速反应，调动重要目标单位力量迅速组织抢险抢修任务，同时就近疏散“三坚持”人员；二是加强区域协同，组织人防专业力量开展跨区支援任务；三是合理规划疏散基地、地域建设布局，保证重要目标毗邻区群众及时有效疏散到位；四是做好指挥保障协调，调动附近交通、消防、治安等专业力量就近支援，最大限度减少人员伤亡<br/>"
);
const saveProgramme = () => {
  ElMessageBox.confirm(`确定要保存吗?`, "警告", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    customClass: "message-box",
  }).then(() => {
    addOrUpdatePzzh({
      m: "行动要点-复杂情况设想和应对处置要点",
      data: [
        {
          k: "复杂情况设想和应对处置要点",
          v: valueHtml.value,
        },
      ],
    })
      .then(() => {
        ElMessage.success("操作成功");
      })
      .catch(() => {});
  });
};

onMounted(() => {
  initHtml();
});
onBeforeUnmount(() => {
  const editor = editorRef.value;
  if (!editor) return;
  editor.destroy();
});
</script>
<template>
  <div class="">
    <FirstTitle name="复杂情况设想和应对处置要点" />
    <div style="border: 1px solid #ccc" class="top-15">
      <Toolbar
        style="border-bottom: 1px solid #ccc"
        :editor="editorRef"
        :defaultConfig="toolbarConfig"
        :mode="mode"
      />
      <Editor
        style="height: 500px; overflow-y: hidden"
        v-model="valueHtml"
        :defaultConfig="editorConfig"
        :mode="mode"
        @onCreated="handleCreated"
      />
    </div>

    <div class="flex-justify-end top-20">
      <el-button type="primary" class="save-btn" @click="saveProgramme"
        >保存</el-button
      >
    </div>
  </div>
</template>
<style scoped lang="scss"></style>